<template>
  <div class="app-container">
    <div>
      <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
        <el-menu-item index="1">按工作区统计</el-menu-item>
        <el-menu-item index="2">按区块统计</el-menu-item>
      </el-menu>
    </div>
    <component6 v-if="activeIndex=='1'" />
    <component7 v-else-if="activeIndex=='2'" />
  </div>
</template>

<script>
import component6 from '@/views/well_comprehensiveQuery/components/component6.vue'
import component7 from '@/views/well_comprehensiveQuery/components/component7.vue'

export default {
  components: {
    component6,
    component7
  },
  data() {
    return {
      activeIndex: '1'
    }
  },
  methods: {
    handleSelect(index) {
      this.activeIndex = index
    }
  }
}
</script>

<style scoped>

</style>
